/**
 * request 网络请求工具
 * 更详细的 api 文档: https://github.com/umijs/umi-request
 */
import {
  extend,
} from 'umi-request';
import {
  notification,
} from 'antd';
import {
  objreduce
} from './common';
import { userVM } from '../viewmodels/user';
import { isAntDesignPro } from './umi';

const codeMessage = {
  200: '服务器成功返回请求的数据。',
  201: '新建或修改数据成功。',
  202: '一个请求已经进入后台排队（异步任务）。',
  204: '删除数据成功。',
  400: '发出的请求有错误，服务器没有进行新建或修改数据的操作。',
  401: '用户没有权限（令牌、用户名、密码错误）。',
  403: '用户得到授权，但是访问是被禁止的。',
  404: '发出的请求针对的是不存在的记录，服务器没有进行操作。',
  406: '请求的格式不可得。',
  410: '请求的资源被永久删除，且不会再得到的。',
  422: '当创建一个对象时，发生一个验证错误。',
  500: '服务器发生错误，请检查服务器。',
  502: '网关错误。',
  503: '服务不可用，服务器暂时过载或维护。',
  504: '网关超时。',
};
/**
 * 异常处理程序
 */

const errorHandler = error => {
  const {
    response,
  } = error;

  if (response && response.status) {
    const errorText = codeMessage[response.status] || response.statusText;
    const {
      status,
      url,
    } = response;
    if (status === 401 && userVM.getToken()) {
      window.location = '/user/login';
      return
    }
    notification.error({
      message: `请求错误 ${status}: ${url}`,
      description: errorText,
    });
  } else if (!response) {
    notification.error({
      description: '您的网络发生异常，无法连接服务器',
      message: '网络异常',
    });
  }

  return response;
};

/**
 * 配置request请求时的默认参数
 */
const options = {
  errorHandler,
  // 默认错误处理
  credentials: 'include', // 默认请求是否带上cookie
};
if (isAntDesignPro()) {
  options.prefix = process.env.mainHost;
}
const request = extend(options);

request.interceptors.request.use((url, options) => {
  const token = userVM.getToken();
  return ({
    url,
    options: token ? {
      ...options,
      headers: {
        ...options.headers,
        token,
      },
    } : {
        ...options,
      },
  })
})

// response拦截器, 处理response
request.interceptors.response.use((response, options) => {
  let token = response.headers.get("token");
  if (token) {
    userVM.setToken(token);
  }
  return response;
});

/**
 * 日志中间件
 */
request.use(async (ctx, next) => {
  const { req } = ctx;
  const { url, options } = req;
  const { method, ...restOfAll } = options || {};

  console.log('[IN]', method, '->', url, ' : ', restOfAll);

  await next();

  const { res } = ctx;
  const { success = false } = res; // 假设返回结果为 : { success: false, errorCode: 'B001' }
  
  console.log('[OUT]', url, ' : ', res);
})

export const GET = async (apiname, params={}, isForm=false/* or string of 'form' and 'json '*/) => request(apiname, {
  method: 'GET',
  params: objreduce(params),
  requestType: typeof isForm == 'string' ? isForm :( isForm ? 'form': 'json' )
});
export const POST = async (apiname, data={}, isForm=false/* or string of 'form' and 'json '*/) => request(apiname, { 
  method: 'POST', 
  data: objreduce(data), 
  requestType: typeof isForm == 'string' ? isForm :( isForm ? 'form': 'json' )
});
